<%@page contentType="text/html;charset=UTF-8"   language="java"  %>
<%
  	String base = request.getContextPath();
%>
<input type="text" placeholder="Enter Product name / Type" id="searchVal" />
<button><img src="<%=base%>/resources/images/icon/searh.png"/></button>
<a href="javascript:void(0)" class="mui-btn"><img src="<%=base%>/resources/images/icon/searh.png"/></a>

<script>
	var searchValue=sessionStorage.getItem('searchVal');
	var searchBar = $(".searchBar");
	if(searchValue!=''){
		$('#searchVal').val(searchValue);
	}
	$('.searchBar button').on('tap',function(){
		var searchVal=$('#searchVal').val();
		sessionStorage.setItem('searchVal',searchVal);
		window.location.href = '<%=base%>/pages/product/search-result.jsp';
	})

</script>